:root{
    --blue: #0367a6;
    --lightblue: #008997;
    --white: #e9e9e9;
}

*{
    box-sizing: border-box;
}

input{
    outline: none;
}

html,
body{
    height: 100%;
    width: 100%;
    font-size: 62.5%;
}

.row-content{
    position: relative;
    padding-top: 10rem;
}

.row-child{
    margin-bottom: 3rem;
}

/*.col-content{*/
/*    position: absolute;*/
/*}*/

@media screen and (min-width: 1200px){
    .col-content{
        /* 解决剩余列数是奇数，不能平分问题 */
        transform: translateX(16.67%);
    }
}

@media screen and (max-width: 991px){

}

.input-text{
    font-size: 1.6rem;
    padding-top: .5rem;
    padding-bottom: .2rem;
}

input[type='text'],
input[type='password']{
    outline:none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom-color: rgb(162, 161, 161);
}

input[type='text']:focus{
    border-image: -webkit-linear-gradient(var(--blue), var(--lightblue)) 20 20;
    border-image: -moz-linear-gradient(var(--blue), var(--lightblue)) 20 20;
    border-image: -o-linear-gradient(var(--blue), var(--lightblue)) 20 20;
    border-image: linear-gradient(var(--blue), var(--lightblue)) 20 20;
}

.btn-get{
    background-color: rgba(243, 241, 245, 0.7);
    border: none;
}

.btn-get:hover{
    background-color: rgb(239, 233, 233);
}

.count-down{
    display: none;
    text-align: center;
    padding-top: 3%;
}

.btn{
    background-color: var(--blue);
    background-image: linear-gradient(90deg, var(--blue) 0%, var(--lightblue) 74%);
    border: 1px solid var(--blue);
    color: var(--white);
    text-transform: uppercase;
    opacity: 0.7;
}

